<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0,user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/HEA.css">
</head>
<script src="./js/HEA.js"></script>

<body>
    <header>
        <a class="logo" href="">
            <img src="./img/logo.png" alt="">
        </a>
        <div class="search-box">
            <p class="search-p"></p>
            <p class="search">搜索商品名称</p>
        </div>
        <a class="user" href="">
            <p class="user-p"></p>
        </a>
    </header>
    <div class="nav">
        <div class="inner-nav">
            <a href="">
                <div class="nav-item"><span>推荐</span></div>
            </a>
            <a href="./intelligence.html">
                <div class="nav-item"><span>智能</span></div>
            </a>
            <a href="./HEA.html">
                <div class="nav-item"><span>家电</span></div>
            </a>
            <a href="">
                <div class="nav-item"><span>电视</span></div>
            </a>
            <a href="./notebook.html">
                <div class="nav-item"><span>笔记本</span></div>
            </a>
            <div class="nav-item"><span></span>
                <div class="nav-display">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="nav-p">
            <a href=""><img src="./img/stars.jpg" alt=""></a>
            <a href=""><img src="./img/hotend.jpg" alt=""></a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good52.jpg" alt="">
                <div class="des">
                    <p class="name">十字门冰箱 486L</p>
                    <p class="brief">风冷无霜，长久保鲜</p>
                    <p class="price">￥2999<span>￥3499</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good53.jpg" alt="">
                <div class="des">
                    <p class="name">冰箱540L</p>
                    <p class="brief">重磅新品福利特惠</p>
                    <p class="price">￥2999<span>￥3699</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good54.jpg" alt="">
                <div class="des">
                    <p class="name">三门冰箱215L</p>
                    <p class="brief">三温区高效保鲜</p>
                    <p class="price">￥1299<span>￥1499</span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="nav-p">
            <a href=""><img src="./img/cloth.jip" alt=""></a>
        </div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good55.jpg" alt="">
                <div class="des">
                    <p class="name">波轮洗衣机1A</p>
                    <p class="brief">一键操作，父母都爱用</p>
                    <p class="price">￥849<span>￥899</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good56.jpg" alt="">
                <div class="des">
                    <p class="name">洗烘一体机1S</p>
                    <p class="brief">国标最高A+级洗净能力</p>
                    <p class="price">￥1899<span>￥2499</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good57.jpg" alt="">
                <div class="des">
                    <p class="name">洗烘一体机Pro</p>
                    <p class="brief">智能洗烘，省心省力</p>
                    <p class="price">￥2899<span>￥2899</span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good58.jpg" alt="">
                <div class="des">
                    <p class="name">滚筒洗衣机1C 10kg</p>
                    <p class="brief">10kg大容量，专业羽绒洗</p>
                    <p class="price">￥1499<span>￥1699</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good59.jpg" alt="">
                <div class="des">
                    <p class="name">滚筒洗衣机1S</p>
                    <p class="brief">超薄机身，除菌净衣</p>
                    <p class="price">￥1399<span>￥1599</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good60.jpg" alt="">
                <div class="des">
                    <p class="name">米家互联网迷你波轮洗衣机Pro 3kg</p>
                    <p class="brief">高温煮洗/99.9%除螨率</p>
                    <p class="price">￥899<span>￥1599</span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="nav-p">
            <a href=""><img src="./img/newchoice.jpg" alt=""></a>
        </div>
        <div class="line"></div>
        <div class="nav-p">
            <a href=""><img src="./img/smallhouse.jpg" alt=""></a>
        </div>
        <div class="line"></div>
        <div class="nav-p">
            <a href=""><img src="./img/smallhouse.jpg" alt=""></a>
        </div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good61.jpg" alt="">
                <div class="des">
                    <p class="name">米家新风机</p>
                    <p class="brief">全效解决全屋空气问题</p>
                    <p class="price">￥299<span>￥3299</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good62.jpg" alt="">
                <div class="des">
                    <p class="name">新风机A1 </p>
                    <p class="brief">抗霾除醛，换气富氧</p>
                    <p class="price">￥1999<span>￥2299</span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good63.jpg" alt="">
                <div class="des">
                    <p class="name">新风机C1</p>
                    <p class="brief">安装便捷 | 身材小巧</p>
                    <p class="price">￥1299<span></span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good64.jpg" alt="">
                <div class="des">
                    <p class="name">小米电视4A 60英寸</p>
                    <p class="brief">人工智能语音系统,超高清画质</p>
                    <p class="price">￥2599<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good65.jpg" alt="">
                <div class="des">
                    <p class="name">全面屏E43K </p>
                    <p class="brief">全面屏设计，海量内容</p>
                    <p class="price">￥1299<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good66.jpg" alt="">
                <div class="des">
                    <p class="name">电视4C 32"</p>
                    <p class="brief">高清液晶屏，人工智能系统</p>
                    <p class="price">￥849<span></span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good67.jpg" alt="">
                <div class="des">
                    <p class="name">米家电饭煲C1 </p>
                    <p class="brief">快慢收放自如，小巧身材内有乾坤</p>
                    <p class="price">￥149<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good68.jpg" alt="">
                <div class="des">
                    <p class="name">小米净水器H600G</p>
                    <p class="brief">纯净生活双出水，六级过滤健康直饮</p>
                    <p class="price">￥1699<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good69.jpg" alt="">
                <div class="des">
                    <p class="name">小米净水器H400G</p>
                    <p class="brief">纤巧机身省空间，方便随心双出水</p>
                    <p class="price">￥1299<span></span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good70.jpg" alt="">
                <div class="des">
                    <p class="name">四位四控插线板</p>
                    <p class="brief">四位分控，随用随开</p>
                    <p class="price">￥89<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good71.jpg" alt="">
                <div class="des">
                    <p class="name">插线板 5孔位</p>
                    <p class="brief">多重安全保护</p>
                    <p class="price">￥39<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good72.jpg" alt="">
                <div class="des">
                    <p class="name">米家插线板</p>
                    <p class="brief">安全的大功率快充插线板</p>
                    <p class="price">￥69<sapn></sapn></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <img src="./img/good73.jpg" alt="">
                <div class="des">
                    <p class="name">米家智能除菌加湿器 S</p>
                    <p class="brief">大雾量快加湿，健康杀菌</p>
                    <p class="price">￥299<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good74.jpg" alt="">
                <div class="des">
                    <p class="name">智能加湿器</p>
                    <p class="brief">懂恒湿的它，给你健康滋养</p>
                    <p class="price">￥169<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good75.jpg" alt="">
                <div class="des">
                    <p class="name">米家智能除菌加湿器</p>
                    <p class="brief">UV灯杀菌功能/上注水设计</p>
                    <p class="price">￥249<sapn></sapn></p>
                </div>
            </a>
        </div>
        <div class="b-line"></div>
    </div>
    <div class="btfloat">
        <a href=""><img src="./img/btfloat.png" alt=""></a>
    </div>
    <footer>
        <div class="bt-nav">
            <a href="" class="bt-nav-item">
                <img src="./img/hp.png" alt="">
                <p>首页</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/sort.png" alt="">
                <p>分类</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/community.png" alt="">
                <p>米圈</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/cart.png" alt="">
                <p>购物车</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/mine.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>
</body>

</html>